<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>项目详情</title>
		<link rel="stylesheet" type="text/css" href="../css/header.css" />
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/footer.css" />
		<link rel="stylesheet" type="text/css" href="../css/projectDetail.css" />
	</head>

	<body>
		<div class="porjectList">
			<div class="headerCon">
				<div class="header">
					<div class="logo">
						<a href="../index.html"><img src="../img/index/logo.png" /></a>
					</div>
					<ul class="nav">
						<li>
							<a href="">首页</a>
						</li>
						<li style="position: relative;" class="secNavPar">
							<a href="">热门文章</a>
							<div class="secNav">
								<p>赚钱教程</p>
								<p>圈内资讯</p>
								<p>项目推广</p>
							</div>
						</li>
						<li>
							<a href="">福利公社</a>
						</li>
						<li>
							<a href="">赚钱教程</a>
						</li>
						<li>
							<a href="">推客手册</a>
						</li>
					</ul>
					<div class="searchBtn"><img src="../img/index/search.png" class="search1" /><img src="../img/index/search_hover.png" class="search2" />搜索</div>
					<div class="user">
						<a href="login.html">登录</a>
						<a href="register.html" class="register">注册</a>
						<!--<img src="../img/index/user.png" class="userImg"/>-->
						<div class="userInfo">
							<span class="icons"></span>
							<p class="name">腿长一米八</p>
							<div class="incon">
								<p>我的任务</p>
								<p>我的收藏 <span style="color: #f00;" (3)</span></p>
								<p>我的任务</p>
							</div>
							<p class="logout">退出登录</p>
						</div>
					</div>
					<div class="searchCon">
						<div class="search">
							<input type="text" />
							<span>搜索</span>
						</div>
						<div class="closeImg">
							<img src="../img/index/close.png" class="img1" />
							<img src="../img/index/close_hover.png" class="img2" //>
						</div>
					</div>
				</div>
			</div>
			<div class="navTitle">当前位置：首页 > 项目分类 > 项目详情</div>
			<div class="container">
				<div class="top">
					<div class="left">
						<div class="imgs">
							<img src="../img/index/st93.png" />
							<p class="p3">222人已完成</p>
						</div>
						<div class="info">
							<p class="p1">用UC看新闻<span class="p3">更新时间：2018-09-30</span></p>
							<p class="p2">用UC看新闻</p>
							
							<div class="p4">
								佣金 ：<span>￥3.0</span> <img src="../img/icon/u3229.png" class="ruleImg"/>
								<div class="rule">
									<span class="icons2"></span>
									<p>1、什么是佣金利？</p>
									<p>佣金利是指凡在推客星球推广项目的推客达人，按要求完成推广任务后，均可获得一笔数额不等的现金奖励，具体金额视推广项目而定。</p>
									<p>2、返利流程</p>
									<p>完成推广任务后，您需要提交相应的证明材料，推客星球将会在您提交材料后的1-3个工作日完成审核，审核通过后，返利立即到账。</p>
								</div>
							</div>
							<p class="p5"><span>开始任务</span></p>
						</div>
					</div>
					<div class="right">
						<img src="../img/index/st93.png" />
						<p class="p6">扫码下载，查看详情</p>
						<p class="p7">+ 收藏项目</p>
					</div>
				</div>
				<div class="_container">
					<div class="left">
						<div class="top1">
							<div class="titles">
								<span class="active">项目概况</span>
								<span>相关活动</span>
								<span>赚钱攻略</span>
							</div>
							<div class="prodec">
								<p class="p1"><span>项目介绍</span></p>
								<p class="txtDec">简单、感觉、惊喜。相遇本该如此美好。孤单的你，或是想寻找生命中的那个Ta，或是想认识有意思合拍的人，无奈工作太忙，生活圈子又太小。在匆忙的城市里，每天都有无数人在擦肩而过，却又没有方法彼此相识。而我们可以给您提供一个深入交流，反复沟通的机会！</p>
								<p class="p1"><span>项目截图</span></p>
								<div class="_imgsCon">
									<ul class="imgsCon">
										<li><img src="../img/index/u3638.jpg" /></li>
										<li><img src="../img/index/u3638.jpg" /></li>
										<li><img src="../img/index/u3638.jpg" /></li>
										<li><img src="../img/index/u3638.jpg" /></li>
									</ul>
								</div>
							</div>
							<div class="activity">
								<div class="item">
									<p>【活动1】收徒赚钱</p>
									<p>简单、感觉、惊喜。相遇本该如此美好。孤单的你，或是想寻找生命中的那个Ta，或是想认识有意思合拍的人，无奈工作太忙，生活圈子又太小。在匆忙的城市里，每天都有无数人在擦肩而过，却又没有方法彼此相识。而我们可以给您提供一个深入交流，反复沟通的机会！</p>
								</div>
								<div class="item">
									<p>【活动2】收徒赚钱</p>
									<p>简单、感觉、惊喜。相遇本该如此美好。孤单的你，或是想寻找生命中的那个Ta，或是想认识有意思合拍的人，无奈工作太忙，生活圈子又太小。在匆忙的城市里，每天都有无数人在擦肩而过，却又没有方法彼此相识。而我们可以给您提供一个深入交流，反复沟通的机会！</p>
								</div>
							</div>
							<div class="strategy">
								<div class="item">
									<p>【攻略1】收徒赚钱</p>
									<p>简单、感觉、惊喜。相遇本该如此美好。孤单的你，或是想寻找生命中的那个Ta，或是想认识有意思合拍的人，无奈工作太忙，生活圈子又太小。在匆忙的城市里，每天都有无数人在擦肩而过，却又没有方法彼此相识。而我们可以给您提供一个深入交流，反复沟通的机会！</p>
								</div>
								<div class="item">
									<p>【攻略2】收徒赚钱</p>
									<p>简单、感觉、惊喜。相遇本该如此美好。孤单的你，或是想寻找生命中的那个Ta，或是想认识有意思合拍的人，无奈工作太忙，生活圈子又太小。在匆忙的城市里，每天都有无数人在擦肩而过，却又没有方法彼此相识。而我们可以给您提供一个深入交流，反复沟通的机会！</p>
								</div>
							</div>
						</div>
						<div class="recommended">
							<p class="title">热门推荐</p>
							<div class="listCon">

								<div class="item">
									<img src="../img/index/st93.png" class="topImg" />
									<div class="name">UC浏览器福利版UC浏览器福利版</div>
									<div class="common">
										 UC浏览器
									</div>
									<div class="common2">
										佣金￥ <i>5.0</i>
										<span>查看详情</span>
									</div>
									<div class="nums">220人已完成</div>
								</div>
								<div class="item">
									<img src="../img/index/st93.png" class="topImg" />
									<div class="name">UC浏览器福利版UC浏览器福利版</div>
									<div class="common">UC浏览器
									</div>
									<div class="common2">
										佣金￥ <i>5.0</i>
										<span>查看详情</span>
									</div>
									<div class="nums">220人已完成</div>
								</div>
								<div class="item">
									<img src="../img/index/st93.png" class="topImg" />
									<div class="name">UC浏览器福利版UC浏览器福利版</div>
									<div class="common">
										UC浏览器
									</div>
									<div class="common2">
										佣金￥ <i>5.0</i>
										<span>查看详情</span>
									</div>
									<div class="nums">220人已完成</div>
								</div>
								<div class="item">
									<img src="../img/index/st93.png" class="topImg" />
									<div class="name">UC浏览器福利版UC浏览器福利版</div>
									<div class="common">
										UC浏览器
									</div>
									<div class="common2">
										佣金￥ <i>5.0</i>
										<span>查看详情</span>
									</div>
									<div class="nums">220人已完成</div>
								</div>
							</div>
						</div>
					</div>
					<div class="right">
						
						<div class="rightTop">
							<p class="topTitle">365人推广了该项目</p>
							<div class="list1">
								<div><img src="../img/index/st93.png"/><span class="name">腿长一米八</span><span class="time">2018-05-11</span></div>
								<div><img src="../img/index/st93.png"/><span class="name">腿长一米八</span><span class="time">2018-05-11</span></div>
								<div><img src="../img/index/st93.png"/><span class="name">腿长一米八</span><span class="time">2018-05-11</span></div>
								<div><img src="../img/index/st93.png"/><span class="name">腿长一米八</span><span class="time">2018-05-11</span></div>
								<div><img src="../img/index/st93.png"/><span class="name">腿长一米八</span><span class="time">2018-05-11</span></div>
							</div>
						</div>
						
						<div class="rightTop rightTop2">
							<p class="topTitle">评价（10）</p>
							<div class="list1">
								<div>
									<p><img src="../img/index/st93.png"/><span class="name">腿长一米八</span><span class="time">2018-05-11</span></p>
									<p class="p2">良心好项目</p>
								</div>
								<div>
									<p><img src="../img/index/st93.png"/><span class="name">腿长一米八</span><span class="time">2018-05-11</span></p>
									<p class="p2">良心好项目</p>
								</div>
								<div>
									<p><img src="../img/index/st93.png"/><span class="name">腿长一米八</span><span class="time">2018-05-11</span></p>
									<p class="p2">良心好项目</p>
								</div>
								<div>
									<p><img src="../img/index/st93.png"/><span class="name">腿长一米八</span><span class="time">2018-05-11</span></p>
									<p class="p2">良心好项目</p>
								</div>
								<div>
									<p><img src="../img/index/st93.png"/><span class="name">腿长一米八</span><span class="time">2018-05-11</span></p>
									<p class="p2">良心好项目</p>
								</div>
							</div>
						</div>
						<div class="navList"></div>
						<div class="lastRight">
							了解更多赚钱方法，请欢迎前往学习<a href="moneyCourse.html">赚钱课</a>
						</div>
					</div>
				</div>
			</div>

		</div>
		<div id="page1"></div>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
	<script type="text/javascript" src="../js/vue.min.js"></script>
	<script src="../js/axios.min.js"></script>
	<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/headerCommon.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function() {
			$(".container  .item").hover(function() {
				$(this).css("box-shadow", "#ccc 0px 0px 10px 2px");
				$(this).find('.name').css("color", "#009AFE");
				$(this).find('.common2 span').css("color", "#fff");
				$(this).find('.common2 span').css("background", "#009AFE");
				$(this).find('.common2 span').css("border-color", "#009AFE");
			}, function() {
				$(this).css("box-shadow", "none");
				$(this).find('.name').css("color", "#333");
				$(this).find('.common2 span').css("color", "#666");
				$(this).find('.common2 span').css("background", "#fff");
				$(this).find('.common2 span').css("border-color", "#E1E1E1");
			});
			$(".container .top .ruleImg").hover(function(){
				$(".rule").show();
			},function(){
				$(".rule").hide();
			})
			$("#page1").load("../publicView/footer.html");
		});
	</script>

</html>